/****全局表格提替换饿了么***/
@charset "utf-8";
@import "varibles";
/*****仿饿了么table*/
.ca-table {
    width: 100%;
    border: $caColorLightGray 1px solid;
    border-collapse: collapse;
    .tr-bg-wathet{ background: $caBgColorWathet}
    th {
        text-align: center;
        background:$caBgColorWathet;
        box-sizing: border-box;
        padding: 0 5px;
        //border:$caColorLightGray 1px solid;
        border-left:#fff 1px solid;
        font-weight: normal;
        color: $caFontColor;
        height: 50px;
        vertical-align: middle;
    }
    th:first-child {
        border-left:0;
    }
    tr {
        border-bottom: $caColorLightGray 1px solid;
        height: 48px;
        line-height: 48px;
        td {
            border-right: 0;
            color: $caFontColor;
            padding: 0;
            text-align: center;
            div {
                box-sizing: border-box;
            }
        }
    }
    td.p-tb-0,th.p-tb-0{padding-bottom: 0; padding-top: 0; vertical-align: middle}
}
.ca-table tr td.td-bg-Wathet, .ca-table tr th.th-bg-Wathet {//背景颜色是蓝色的
    background:$caBgColorWathet;
    vertical-align: middle;
    padding-top:0;padding-bottom: 0;
}
.ca-table tr td.td-bg-White, .ca-table tr th.td-bg-White {//背景颜色是白色的
    background:$caBgColorWhite;
    vertical-align: middle;
    padding-top:0;padding-bottom: 0;
}
/*****替换饿了么表格****/
.table_p_01 .cell, .table_p_01 th div {
    padding: 0px 5px;
}
.table_p_01 th{font-weight:normal}
@media screen and (-webkit-min-device-pixel-ratio)
{
    .el-table--fit th.gutter{display: none;}
}

/*.el-table--fit th.gutter{width:0px;border-right:none;overflow:hidden;}*/
.ca-table-layout-fixed{
    table-layout:fixed;
    width:100%
}
.el-table .caret-wrapper{
    width:20px;
}
// 全局table 左对齐
table thead th ,table tbody td, table tbody td .el-button {text-align: left !important;}
.el-table td.is-center, .el-table th.is-center{
    text-align: center !important;
}
table thead th .cell {
    padding:0 5px !important;
}
.el-table td .cell {padding:0 10px;}
//表格的添加、删除icon模拟
.ca-table-add-reduce{
    .el-table th.add-button>.cell.add-button{
        width: 25px!important;
        height:25px!important;
        background: #ffffff!important;
        border-radius: 50%;
        padding:0 0 !important;
        margin-left:4px;
        border: solid 1px #dbe3ea;
        box-shadow: 0px 2px 2px 0 rgba(104, 119, 133, 0.08);
        font-size: 24px;
        color: #d70c18;
        line-height: 16px;
        cursor: pointer;
        text-align: center!important;
        display: inline-block;
        &:hover{
            border: solid 1px #409EFF;
        }
    }
    .el-table th.add-fundButton>.cell.add-fundButton{
        width: 25px!important;
        height:25px!important;
        background: #ffffff!important;
        border-radius: 50%;
        padding:0 0 !important;
        margin-left:4px;
        border: solid 1px #dbe3ea;
        box-shadow: 0px 2px 2px 0 rgba(104, 119, 133, 0.08);
        font-size: 24px;
        color: #d70c18;
        line-height: 16px;
        cursor: pointer;
        text-align: center!important;
        display: inline-block;
        &:hover{
            border: solid 1px #409EFF;
        }
    }
    .el-table .el-table__body .cell .reduce-button{
        width: 25px!important;
        height:25px!important;
        background: #ffffff!important;
        border-radius: 50%;
        padding: 0;
        border: solid 1px #dbe3ea;
        box-shadow: 0px 2px 2px 0 rgba(104, 119, 133, 0.08);
        font-size: 20px;
        color: #d70c18;
        line-height: 5px;
        cursor: pointer;
        text-align: center!important;
        &:hover{
            border: solid 1px #409EFF;
        }
    }
}
